/*整体*/
.hyyJsonTreeViewContainer_abc123 {
  display: flex;
  font-size: 17px;
  font-family: Consolas !important;
  /* padding: 10px; */
  margin: 0;
  box-sizing: border-box;
}

.hyyJsonTreeViewContainer_abc123 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*行数容器*/
.hyyJsonTreeViewContainer_abc123 .rowWrap {
  background-color: rgb(250, 250, 250);
  padding: 0px 8px;
  border-right: 1px dashed rgb(229, 235, 238);
  color: rgb(153, 153, 153);
  margin-right: 5px;
  flex-shrink: 0;
}

.hyyJsonTreeViewContainer_abc123 .rowWrap .rowNum {
 line-height: 26px;
}

/*树容器*/
.hyyJsonTreeViewContainer_abc123 .treeWrap {
  width: 100%;
  position: relative;
  height: max-content;
  line-height: 26px;
}

.hyyJsonTreeViewContainer_abc123 .treeWrap.addPadding {
  padding-left: 20px;
}

/*错误信息容器*/
.hyyJsonTreeViewContainer_abc123 .errorWrap {
}

.hyyJsonTreeViewContainer_abc123 .errorWrap .errorMsg {
  color: #e72528;
  margin-bottom: 20px;
}
.hyyJsonTreeViewContainer_abc123 .errorWrap .errorStr {
  background-color: #f3f5f7;
}
.hyyJsonTreeViewContainer_abc123 .errorWrap .errorStr .errorPosition {
  background-color: #f1592a;
}

/*展开收起按钮*/
.hyyJsonTreeViewContainer_abc123 .expandBtn {
  cursor: pointer;
}

.hyyJsonTreeViewContainer_abc123 .expand::after,
.hyyJsonTreeViewContainer_abc123 .unExpand::after {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #4a5560;
  border-radius: 50%;
  text-align: center;
  margin-right: 2px;
}

.hyyJsonTreeViewContainer_abc123 .expand.inLeft::after,
.hyyJsonTreeViewContainer_abc123 .unExpand.inLeft::after {
  position: absolute;
  left: 0;
  transform: translateY(4px);
}

.hyyJsonTreeViewContainer_abc123 .expand::after {
  content: '-';
}

.hyyJsonTreeViewContainer_abc123 .unExpand::after {
  content: '+';
}

.hyyJsonTreeViewContainer_abc123 .expand svg,.hyyJsonTreeViewContainer_abc123 .unExpand svg{
  font-size: 20px;
}

/*大括号*/
.hyyJsonTreeViewContainer_abc123 .brace {
  color: #4a5560;
  font-family: Consolas !important;
}

/*对象整体*/
.hyyJsonTreeViewContainer_abc123 .object {
  padding-left: 20px;
}

.hyyJsonTreeViewContainer_abc123 .object.showLine {
  border-left: 1px solid #d0d7de;
}

/*对象或数组的每一行*/
.hyyJsonTreeViewContainer_abc123 .row {
}
.hyyJsonTreeViewContainer_abc123 .row .hover {
  background-color: #f5f5f5;
}

/*对象的key*/
.hyyJsonTreeViewContainer_abc123 .key {
  color: #92278f;
}

/*冒号*/
.hyyJsonTreeViewContainer_abc123 .colon {
  color: #4a5560;
  margin: 0 5px;
}

/*逗号*/
.hyyJsonTreeViewContainer_abc123 .comma {
  color: #4a5560;
}

/*中括号*/
.hyyJsonTreeViewContainer_abc123 .bracket {
  color: #4a5560;
}

/*省略号*/
.ellipsis {
  color: #4a5560;
  margin-left: 20px;
}

/*数组整体*/
.hyyJsonTreeViewContainer_abc123 .array {
  padding-left: 20px;
}

.hyyJsonTreeViewContainer_abc123 .array.showLine {
  border-left: 1px solid #d0d7de;
}

/*字符串*/
.hyyJsonTreeViewContainer_abc123 .string {
  color: #3ab54a;
}

/*数字*/
.hyyJsonTreeViewContainer_abc123 .number {
  color: #25aae2;
}

/*布尔值*/
.hyyJsonTreeViewContainer_abc123 .boolean {
  color: #f98280;
}

/*null*/
.hyyJsonTreeViewContainer_abc123 .null {
  color: #f1592a;
}
